.container {
  width: 100%;
  height: 560px;
  background: #bc7474;
  // background: linear-gradient(
  //   45deg,
  //   rgb(248, 108, 107),
  //   #ffb199,
  //   #ffbf7f,
  //   rgb(208, 240, 192),
  //   rgb(137, 234, 213),
  //   #b6fbfb,
  //   #a0cfe8
  // );
  position: relative;

  .card {
    width: 260px;
    height: 400px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    box-shadow: 10px -10px 20px rgba(0, 0, 0, 0.2), -10px 10px 20px rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    transform: rotate(-25deg);
    backdrop-filter: blur(10px);
    user-select: none;

    h1 {
      margin-top: 50px;
    }
    h2 {
      margin-top: 160px;
    }
    h3,
    h4 {
      padding-left: 60px;
      text-align: left;
    }
    h3 {
      margin-top: 20px;
      text-transform: uppercase;
    }
    h4 {
      margin-top: 10px;
    }
  }
}
